<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/bootstrap4.5.min.css">
    <link rel="stylesheet" href="">
    <title>超市模板</title>
    <style>
        li {
            list-style: none;
        }
        
        ul {
            margin: 0;
            padding: 0;
        }
        
        .row {
            margin: 0;
        }
        
        @media (min-width:576px) {
            .container {
                max-width: 576px;
                padding: 0;
            }
        }
        
        @media (min-width:768px) {
            .container {
                max-width: 768px;
                padding: 0;
            }
        }
        
        @media (min-width:992px) {
            .container {
                max-width: 992px;
                padding: 0;
            }
        }
        
        @media (min-width:1200px) {
            .container {
                max-width: 1200px;
                padding: 0;
            }
        }
        
        .lighting_fl_txt,
        .lighting_fl_content,
        .lighting_fr_txt,
        .success_list_title {
            display: flex;
            justify-content: space-between;
        }
        
        .lighting_fl_content {
            border-bottom: 1px dashed #485787;
        }
        
        .lighting_fl_content p {
            margin: 5px 0;
        }
        
        .lighting_fl_content span {
            display: block;
            margin: 5px 0;
        }
        
        .lighting_fl {
            color: #96b0fa;
            width: 100%;
            background: url('img/lighting/img2.jpg') no-repeat;
            margin-top: 35px;
            padding: 47px 20px;
            border-radius: 20px;
        }
        
        .lighting_fr_content img {
            float: left;
            margin: 10px 10px;
            width: 190px;
            height: 140px;
        }
        
        .lighting_fr {
            width: 100%;
            color: #96b0fa;
            margin-top: 35px;
            padding: 25px 20px;
            border-radius: 20px;
            background: url('img/lighting/img3.jpg') no-repeat;
        }
        
        .success {
            margin-top: 50px;
        }
        
        .success_list {
            padding: 30px 10px;
            border: 1px solid #999999;
            border-radius: 8px;
        }
        
        @media(max-width:768px) {
            .success_list_img img {
                margin-top: 10px;
            }
        }
        
        .success_img {
            overflow: hidden;
        }
    </style>

</head>

<body>
    <!-- 第一小块 -->
    <div class="lighting">
        <div class="container">
            <div class="row">
                <div class="col-lg-7 col-md-7 col-12">
                    <div class="lighting_fl">
                        <div class="lighting_fl_txt">
                            <h4>新闻资讯</h4>
                            <span>更多>></span>
                        </div>
                        <div class="lighting_fl_content">
                            <p>·成都国际金融中心藤制家具项目完工</p>
                            <span>2015-10-24</span>
                        </div>
                        <div class="lighting_fl_content">
                            <p>·西安国花酒店选购康福特仿木桌椅</p>
                            <span>2015-10-24</span>
                        </div>
                        <div class="lighting_fl_content">
                            <p>·满京华喜悦里营销中心续单康福特户外家具</p>
                            <span>2015-10-24</span>
                        </div>
                        <div class="lighting_fl_content">
                            <p>·成都国际金融中心藤制家具项目完工</p>
                            <span>2015-10-24</span>
                        </div>
                        <div class="lighting_fl_content">
                            <p>·西安国花酒店选购康福特仿木桌椅</p>
                            <span>2015-10-24</span>
                        </div>
                        <div class="lighting_fl_content">
                            <p>·酒店户外 藤编家具吹响集结号</p>
                            <span>2015-10-24</span>
                        </div>
                    </div>
                </div>
                <div class="col-lg-5 col-md-5 col-12">
                    <div class="lighting_fr">
                        <div class="lighting_fr_txt">
                            <h4>关于我们</h4>
                            <span>更多>></span>
                        </div>
                        <div class="lighting_fr_content">
                            <img src="img/lighting/img1.jpg" alt="">
                            <p> 舞台设备租赁有限公司成立于2010年专为各企、事业单位举办的各种活动提供全方位服务的企业，主要从事：宴会、发布会、庆典展览、展示场景的设计及布置。 我们公司拥有自己的桁架、灯光、音响、舞台等设备，公司秉承一贯作风，以长期合作的姿态与客户进行活动要求、物料需求及费用预算等方面的洽谈与合作。我们以真诚的服务，过硬的技术及现场执行力...【更多】</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 第二小块 -->
    <div class="success">
        <div class="container">
            <div class="success_list row">
                <div class="success_list_title col-lg-12">
                    <h4>成功案例</h4>
                    <span>更多>></span>
                </div>
                <div class="success_list_img row ">
                    <div class="success_img col-lg-4 col-md-4 col-12">
                        <img src="img/lighting/img4.jpg" alt="">
                    </div>
                    <div class="success_img col-lg-4 col-md-4 col-12">
                        <img src="img/lighting/img5.jpg" alt="">
                    </div>
                    <div class="success_img col-lg-4 col-md-4 col-12">
                        <img src="img/lighting/img6.jpg" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>